<html class=" hasFontSmoothing-true">
<head>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jqPagination.css"></script>
    <script type="text/javascript" src="/js/datepicker/datepicker.js"></script>
    <script type="text/javascript" src="/js/datepicker/datepicker.css"></script>
    <script type="text/javascript" async="" charset="utf-8"
            src="http://c.cnzz.com/core.php?web_id=30065558&amp;t=q"></script>
    <script type="text/javascript" async="" charset="utf-8"
            src="http://w.cnzz.com/c.php?id=30065558&amp;async=1"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>【酒店预订】台北酒店价格查询，台北酒店推荐 - 骡窝窝</title>
    <meta name="Description"
          content="骡窝窝酒店预订，为您搜索台北各区域酒店价格查询及预订信息。通过对酒店价格、位置、设施、品牌、星级及用户真实点评为你推荐高性价比酒店，在线预订酒店，价格优惠实时折扣.">
    <meta name="Keywords" content="台北酒店预订，台北酒店价格查询，台北酒店推荐">
    <link href="/js/plugins/datepicker/datepicker.css" rel="stylesheet">

    <script src="https://hm.baidu.com/hm.js?8288b2ed37e5bc9b4c9f7008798d2de0"></script>


    <link href="http://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1559526017.css"
          rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/system/guide.js"></script>

<#--    <script language="javascript"-->
<#--            src="http://js.mafengwo.net/js/cv/js+jquery-1.8.1.min:js+global+json2:js+M+Module:js+M+M:js+M+Log:js+m.statistics:js+advert+inspector^alw^1563531411.js"-->
<#--            type="text/javascript" crossorigin="anonymous"></script>-->
    <script type="text/javascript">
        var __mfw_uid = parseInt('32085284');

        $(function () {
            // $(".btn-sss").click(function () {
            //     $("#editForm").submit()
            // });

            $('.sel-trigger').click(function () {

                var ul = $(this).next();
                var status = ul.css('display');
                if (status == 'none') {
                    $('.sel-dropdown').css('display', 'none');
                    ul.css('display', 'block');
                } else {
                    $('.sel-dropdown').css('display', 'none');
                    ul.css('display', 'none');
                }
            });

            $('._j_area_name').click(function () {
                $('._j_area_name').removeClass('on');
                $(this).addClass('on');
            })

            $('#searchHotel').click(function () {
               changeFormAction()
            });


            $('input[name=keyword]').keyup(function(event) {
                if (event.keyCode == 13) {
                    changeFormAction();
                }
            });

        });

        function changeFormAction(){
            var keyword = $('input[name=keyword]').val();
            if(keyword){
                $.get('/hotel/checkKeyword',{keyword:keyword},function (data) {
                    if(data.success){
                        $('#editForm').attr("action","/hotel/order");
                        $('#editForm').submit();
                    }else {
                        if(data.code == 66){
                            $('#editForm').ajaxSubmit(function (dataHtml) {
                                $('.area-main').remove();
                                $('.gonglve_wrap').html(dataHtml);
                            });
                        }
                    }
                })
            }
        }
    </script>

<#--    <script language="javascript"-->
<#--            src="http://js.mafengwo.net/js/cv/js+common+jquery.plugins:js+common+widgets:js+mfw.storage^ZlI^1537192880.js"-->
<#--            type="text/javascript" crossorigin="anonymous"></script>-->
    <link href="http://css.mafengwo.net/css/cv/css+hotel+new_hotel_v6.2:css+mdd+map-mark.v2:css+hotel+datepicker-range:css+hotel+number_guests_picker:css+mdd+hotel_fav:css+sales+m-toolbar:css+jquery-ui-1.9.1.custom.min^YlJS^1552035728.css"
          rel="stylesheet" type="text/css">

<#--    <script async=""-->
<#--            src="http://js.mafengwo.net/js/cv/js+Dropdown:js+pageletcommon+pageHeadUserInfoWWWNormal:js+jquery.tmpl:js+M+module+InputListener:js+M+module+SuggestionXHR:js+M+module+DropList:js+M+module+Suggestion:js+M+module+MesSearchEvent:js+SiteSearch:js+AHeader:js+jquery.jgrowl.min:js+hotel+mfwmap+mfwmap-util:js+hotel+mfwmap+mfwmap-event:js+hotel+mfwmap+mfwmap-runtime-google:js+hotel+mfwmap+mfwmap-runtime-amap:js+hotel+mfwmap+mfwmap-runtime-leaflet:js+hotel+mfwmap+mfwmap:js+hotel+mfwmap+mfwmap-overlays:js+hotel+module+ListTips:js+M+module+Storage:js+hotel+module+Log:js+hotel+module+Search:js+hotel+module+ModuleProvider:js+hotel+module+Captcha:js+hotel+module+Dialog:js+hotel+module+Hash:js+xdate:js+hotel+module+BookingDate:js+hotel+module+BookingGuests:js+hotel+list_mvc_model:js+corelib+handlebars-2.0.0:js+hotel+module+FestivalDateConfig:js+jquery-ui-core:js+jquery-ui-datepicker:js+hotel+module+DateRangePicker:js+hotel+module+NumberGuestsPicker:js+hotel+list_mvc_filter_view:js+jquery.scrollTo:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+M+module+dialog+alert:js+hotel+module+FavDialog:js+hotel+list_mvc_data_view:js+hotel+list_v6:js+hotel+pc_app_guide:js+M+module+PageAdmin:js+M+module+Cookie:js+M+module+ResourceKeeper:js+AMessage:js+M+module+FrequencyVerifyControl:js+M+module+FrequencySystemVerify:js+ALogin:js+M+module+ScrollObserver:js+M+module+QRCode:js+AToolbar:js+ACnzzGaLog:js+ARecruit:js+ALazyLoad^YlFSRQ^1562127144.js"-->
<#--            crossorigin="anonymous"></script>-->
    <link rel="stylesheet" href="http://css.mafengwo.net/css/plugins/leaflet/leaflet.css?1537192876">
<#--    <script async="" src="http://js.mafengwo.net/js/plugins/leaflet.js?1537192880" crossorigin="anonymous"></script>-->
<#--    <script async="" src="http://js.mafengwo.net/js/BrowserState.js?1542357400" crossorigin="anonymous"></script>-->
</head>
<body style="position: relative;">
<#assign currentNav="hotel">
<#include "../common/navbar.ftl">

<style>
    @keyframes glowling {
        0% {
            background-position: -820px 0;
        }
        100% {
            background-position: 820px 0;
        }
    }

    .hotel-btns {
        position: relative;
    }

    .room_loading_wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
    }

    .room_loading_wrapper li {
        height: 15px;
        margin-top: 20px;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: glowling;
        animation-name: glowling;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        background: no-repeat #f6f6f6;
        background-image: linear-gradient(270deg, #f6f6f6, #ebebeb 20%, #f6f6f6 40%, #f6f6f6);
    }

    .room_loading_wrapper li:nth-child(2) {
        width: 80%;
    }

    .room_loading_wrapper li:nth-child(3) {
        width: 45%;
    }

    .room_loading_wrapper li:nth-child(4) {
        width: 55%;
    }

    .room_loading_wrapper li:nth-child(5) {
        width: 70%;
    }

    .icon-sale0417 {
        margin: 2px 0 0 4px;
        display: inline-block;
        width: 70px;
        height: 20px;
        background-image: url(http://images.mafengwo.net/images/hotel/hotel_index/20180417-icon.png);
        background-position: bottom;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
        vertical-align: top;
    }

    .icon-sale0420 {
        margin: 2px 0 0 4px;
        display: inline-block;
        width: 60px;
        height: 20px;
        background-image: url(http://images.mafengwo.net/images/hotel/activity/2018_0417/20180420-icon.png);
        background-position: bottom;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
        vertical-align: top;
    }

    .hotel-sale-banner {
        position: relative;
        width: 100%;
        height: 120px;
        background-image: url(http://images.mafengwo.net/images/hotel/hotel_index/20180417-banner.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        margin-bottom: 20px;
    }

    .hotel-new-icon {
        position: absolute;
        display: block;
        width: 238px;
        height: 210px;
        bottom: -1px;
        left: 5px;
        z-index: -1;
        background-image: url('http://css.mafengwo.net/images/hotel/new-customer-icon.gif');
        background-size: 100% 100%;
    }

    .hotel-new-icon:hover {
        z-index: 0;
        background-image: url('http://css.mafengwo.net/images/hotel/new-customer-hover-icon.png');
    }

    .hotel-new-icon .close {
        position: absolute;
        display: block;
        width: 25px;
        height: 25px;
        right: 0;
        bottom: 83px;
        border-radius: 50%;
    }

    .toolbar-item-top, .toolbar-item-feedback, .toolbar-item-code {
        padding-left: 40px;
    }

</style>

<div class="wrapper">
    <form class="form-hotel" action="/hotel/highAjax" method="get" id="editForm">
        <div class="hotel-searchbar clearfix">
            <div class="hs-item hs-item-search" id="_j_hotel_search">
                <input type="hidden" name="destName" name="destName" value="${(source.name)!}">
                <input type="hidden" name="currentPage" id="currentPage" value="${(qo.currentPage)!'1'}"/>
                <input type="hidden" name="pageSize" id="pageSize" value="5"/>
                <input type="hidden" name="facility" id="facility" value="${(qo.facility)!}"/>
                <input type="hidden" name="service" id="service" value="${(qo.service)!}"/>
                <input type="hidden" name="themeName" id="themeName" value="${(qo.themeName)!}"/>
                <input type="hidden" name="typeName" id="typeName" value="${(qo.typeName)!}"/>
                <input type="hidden" name="level" id="level" value="${(qo.level)!}"/>
                <input type="text" id="_j_search_input"  name="keyword" value="${(qo.keyword)!}">
                <div class="hotel-suggest simsun" id="_j_search_suggest" style="display:none;"></div>
                <a class="hs-icon hs-icon-search" href="javascript:;" id="_j_search_btn"></a>
            </div>
            <div class="hs-item hs-item-date-wrapper" id="_j_booking_date">
                <div class="hs-item hs-item-date" id="_j_check_in_date">
                    <span></span>
                    <input type="text" placeholder="入住日期" readonly="" id="dp1563708930698" class="hasDatepicker"
                           name="checkIn">
                    <i class="hs-icon hs-icon-date"></i>
                </div>
                <div class="hs-item hs-item-date" id="_j_check_out_date">
                    <span></span>
                    <input type="text" placeholder="离店日期" readonly="" id="dp1563708930699" class="hasDatepicker"
                           name="checkOut">
                    <i class="hs-icon hs-icon-date"></i>
                </div>
            </div>
            <div class="hs-item hs-item-people number-guests-picker" id="_j_booking_number_guests">
                <span></span>
                <i class="icon-person"></i>
                <div class="ngp-dropdown _j_ngp_dropdown" style="display:none;">
                    <div class="item _j_ngp_room_item">
                        <div class="row-guests clearfix _j_ngp_row_guests"><span class="label"></span>
                            <div class="ngp-select">
                                <div class="select-trigger _j_ngp_select_trigger"><span></span>
                                    <div class="caret"><i></i></div>
                                </div>
                                <ul style="display:none;">
                                    <li data-value="1">1</li>
                                    <li data-value="2">2</li>
                                    <li data-value="3">3</li>
                                    <li data-value="4">4</li>
                                    <li data-value="5">5</li>
                                    <li data-value="6">6</li>
                                    <li data-value="7">7</li>
                                </ul>
                            </div>
                            <div class="ngp-select">
                                <div class="select-trigger _j_ngp_select_trigger"><span>0 儿童</span>
                                    <div class="caret"><i></i></div>
                                </div>
                                <ul style="display:none;">
                                    <li data-value="0">0</li>
                                    <li data-value="1">1</li>
                                    <li data-value="2">2</li>
                                    <li data-value="3">3</li>
                                    <li data-value="4">4</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row-children clearfix _j_ngp_row_children" style="display:none;"><span
                                    class="label">儿童年龄</span>
                        </div>
                    </div>
                    <div class="item item-action clearfix _j_ngp_action_item"><span class="tips"></span><a
                                class="btn-action" href="javascript:;">确 认</a></div>
                </div>
            </div>
            <div class="hs-item hs-item-action btn-search" id="_j_price_btn">
                <a class="hs-btn" href="javascript:;" class="btn-sss" id="searchHotel">查看价格</a>
            </div>
        </div>
    </form>


    <div class="container">
        <div class="gonglve_wrap">
            <#list page.content as h>
            <#--<div class="search-result-item hotel-item _j_search_result_item _j_hotel_item" data-id="69458776" data-type="hotel">
                <p class="title">
                    <span>【酒店】</span>
                    <a href="/hotel/69458776.html" target="_blank">${c.name}</a>
                </p>
                <div class="clearfix">
                    <div class="pic">
                        <a href="/hotel/detail?id=${c.id}" target="_blank"><img src="${c.covUrl}" width="150px" height="90px"></a>
                    </div>
                    <div class="info">
                        <p>
                            <span class="belong">${c.destName}</span>
                            <a class="num" href="/hotel/69458776.html#anchor=comment" target="_blank"><em>${c.commentNum!}条</em>蜂蜂评价</a>
                        </p>
                        <p class="address">
                            地址: ${c.location}
                        </p>
                        <ul class="booking-list _j_booking_list"><li><a href="/hotel/69458776.html" target="_blank">艺龙: <strong>¥120</strong></a></li><li><a href="/hotel/69458776.html" target="_blank">有鱼订房: <strong>¥120</strong></a></li></ul>
                    </div>
                </div>
            </div>-->
                <div class="hotel-item clearfix _j_hotel_item" data-id="9031088" data-is-merge_room="0"
                     data-name="${h.name}" data-lat="25.042788" data-lng="121.50931" data-is-airbnb="0"
                     data-cs-t="酒店list页点击入口分布">
                    <div class="hotel-pic">
                        <a href="" class="_j_hotel_info_link" target="_blank"
                           data-cs-p="图片">
                            <img src="${h.covUrl}"
                                 alt="" style="width: 330px; height: 250px">
                        </a>

                    </div>
                    <div class="hotel-title">
                        <div class="title">
                            <h3><a href="#" class="_j_hotel_info_link" target="_blank"
                                   title="${h.id}" data-cs-p="标题">${h.name}</a></h3>
                            <br>
                            <span>${h.english}</span>
                        </div>
                    </div>
                    <div class="hotel-info ">
                        <ul class="nums clearfix">
                            <li class="rating rating2">
                                <em>${h.commentScore}</em>分
                            </li>
                            <li class="split"></li>
                        </ul>

                        <div class="location">
                            <span><i class="icon-location"></i>详细地址: <a href="javascript:;" data-id="1762"
                                                                        data-type="area">${h.location}</a></span>
                        </div>
                        <div class="location">
                            <span>简介: ${h.info}</span>
                        </div>

                    </div>
                    <div class="hotel-btns">
                        <a class="btn-booking _j_booking_btn" href="javascript:" rel="nofollow" style=""
                           data-ota="ctrip"
                           data-url=""
                           data-price="626" data-is-cache-price="0" data-is-sold-out="0" data-pay-type="">
                            <div class="ota">
                                <div class="name">
                                    <strong>骡窝窝</strong>


                                </div>
                                <p class="tips" style="display:none;"></p>
                            </div>
                            <div class="price _j_booking_price">
                                <strong>￥</strong><strong>${h.minPrice}</strong><strong
                                        style="font-size: 12px;color: #666;padding-left: 2px;vertical-align: 1px;">起</strong>
                                <i class="arrow"></i>
                            </div>
                            <div class="price _j_booking_sold_out" style="display:none;">
                                <span>已售罄</span>
                            </div>

                        </a>
                    </div>
                    <#--<div class="hotel-other">
                        <div class="collect">
                            <a class="btn-addCollect _j_add_fav" href="javascript:;" data-id="9031088" data-type_id="2"
                               data-cs-p="收藏"><i></i>
                                收藏
                            </a>
                            <a class="btn-cancelCollect _j_del_fav" style="display:none;" href="javascript:;"
                               data-id="9031088" data-type_id="2"><i></i>

                                取消收藏
                            </a>
                        </div>
                    </div>-->
                </div>
            </#list>
        </div>
        <div style="float: right">
            <div style="float: left;" id="paginationShow"><span style="line-height:30px"> 共${page.totalPages!}页 / ${page.totalElements}条&nbsp;&nbsp;&nbsp;</span></div>
            <div id="pagination" class="jq-pagination" style="display: inline;"></div>
        </div>
        <script>
            $("#pagination").jqPaginator({
                totalPages: ${page.totalPages!0},
                visiblePages: 5,
                currentPage: ${page.number+1}||1,
                prev: '<a class="prev" href="javascript:void(0);">上一页<\/a>',
                next: '<a class="next" href="javascript:void(0);">下一页<\/a>',
                page: '<a href="javascript:void(0);">{{page}}<\/a>',
                last: '<a class="last" href="javascript:void(0);" >尾页<\/a>',
                onPageChange: function(page, type) {
                if(type == 'change'){
                    $("#searchType").val($(".nav-list a[class='on _j_search_link']").data("index"));
                    $("#currentPage").val(page);
                    $("#editForm").ajaxSubmit(function (data) {
                        $(".gonglve_wrap").html(data);
                    });
                }
            }
            })
        </script>
    </div>
</div>
</body>
</html>